<html>
  <head>
    <meta charset="utf8">
  </head>
  <body>
    <div id="vue-app"></div>
    <script src="https://unpkg.com/vue@next"></script>
    <script>
      let options = {
        data: function() {
          return {
            year: '',
            month: '',
            date: '',
            hour: '',
            minute: '',
            second: ''
          }
        },
        template: '{{year}}-{{month}}-{{date}} {{hour}}:{{minute}}:{{second}}',
        mounted: function() {
          setInterval(() => {
            let now = new Date()
            this.year = now.getFullYear()
            this.month = now.getMonth() + 1
            this.date = now.getDate()
            this.hour = now.getHours()
            this.minute = now.getMinutes()
            this.second = now.getSeconds()
          }, 1000)
        }
      }
      let ppz = Vue.createApp(options)
      ppz.mount('#vue-app')
    </script>
  </body>
</html>